// module.exports = {
//   lintOnSave: false
// };

// vue.config.js
// const AntDesignThemePlugin = require('antd-theme-webpack-plugin');
const AntDesignThemePlugin = require('./webpack-plugins/antd-theme-webpack-plugin');
const { generateTheme } = require('antd-theme-generator');

// const { options } = require('less');
const { dirname } = require('path');
const path = require('path');
const IS_PROD = ['production', 'production_test'].includes(process.env.NODE_ENV);
const resolve = (dir) => path.join(__dirname, dir);
const { version } = require('./package.json');

// 引入等比适配插件
// const px2rem = require('postcss-px2rem')

// 配置基本大小
// const postcss = px2rem({
//   // 基准大小 baseSize，需要和rem.js中相同
//   remUnit: 16
// })

const options = {
  antDir: path.join(__dirname, './node_modules/ant-design-vue'),
  stylesDir: path.join(__dirname, './src/styles/theme'), //主题文件所在文件夹
  varFile: path.join(__dirname, './src/styles/theme/variables.less'), //自定义默认的主题色
  mainLessFile: path.join(__dirname, './src/styles/theme/index.less'), //项目中其他自定义样式，
  themeVariables: ['@lightBoxColor'], //要改变的主题变量
  indexFileName: './public/index.html', //index.html所在位置
  generateOnce: true,
  outputFilePath: path.join(__dirname, './public/theme.less'), //项目中其他自定义样式，
};
const themePlugin = new AntDesignThemePlugin(options);
generateTheme(options)
  .then((less) => {
    console.log('Theme generated successfully');
  })
  .catch((error) => {
    console.log('Error', error);
  });
module.exports = {
  publicPath: process.env.NODE_ENV === 'production_test' ? '' : '/', // 公共路径
  indexPath: 'index.html', // 相对于打包路径index.html的路径
  outputDir: process.env.outputDir || 'dist', // 'dist', 生产环境构建文件的目录
  assetsDir: '', // 相对于outputDir的静态资源(js、css、img、fonts)目录
  lintOnSave: false, // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
  runtimeCompiler: true, // 是否使用包含运行时编译器的 Vue 构建版本
  productionSourceMap: !IS_PROD, // 生产环境的 source map
  parallel: require('os').cpus().length > 1, // 是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
  pwa: {}, // 向 PWA 插件传递选项。
  configureWebpack: {
    devtool: "eval-source-map",
    output: {
      // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
      filename: `[name].js?version=${version}`,
      chunkFilename: `[name].js?version=${version}`,
    },
    externals: {
      TMap: "TMap",
    },
    plugins: [ themePlugin ],
  },
  css: {
    //重点.
    extract: {
      // 打包后css文件名称添加时间戳
      filename: `css/[name].css?version=${version}`,
      chunkFilename: `css/[name].css?version=${version}`,
    },
  },
  chainWebpack: (config) => {
    config.resolve.symlinks(true); // 修复热更新失效
    // 如果使用多页面打包，使用vue inspect --plugins查看html是否在结果数组中
    config.plugin('html').tap((args) => {
      // 修复 Lazy loading routes Error
      args[0].chunksSortMode = 'none';
      return args;
    });
    config.resolve.alias // 添加别名
      .set('@', resolve('src'))
      .set('@api', resolve('src/api'))
      .set('@assets', resolve('src/assets'))
      .set('@images', resolve('src/images'))
      .set('@components', resolve('src/components'))
      .set('@views', resolve('src/views'))
      .set('@store', resolve('src/store'));
  },
  // css: {
  //   loaderOptions: {
  //     postcss: {
  //       plugins: [
  //         postcss
  //       ]
  //     }
  //   }
  // },
  css: {
    // extract: IS_PROD,
    // requireModuleExtension: false, // 去掉文件名中的 .module
    loaderOptions: {
      // 给 less-loader 传递 Less.js 相关选项
      less: {
        // `globalVars` 定义全局对象，可加入全局变量
        // globalVars: {
        //     primary: '#333',
        // },
        modifyVars: {},

        javascriptEnabled: true,
      },
    },
  },

  devServer: {
    overlay: {
      // 让浏览器 overlay 同时显示警告和错误

      warnings: true,

      errors: true,
    },

    // host: 'localhost',

    // port: 8080, // 端口号

    // https: false, // https:{type:Boolean}

    // open: false, //配置自动启动浏览器

    // hotOnly: true, // 热更新

    // proxy: 'http://localhost:8080'   // 配置跨域处理,只有一个代理

    // proxy: {

    //   //配置多个跨域

    //   '/api': {

    //     target: 'http://172.11.11.11:7071',

    //     changeOrigin: true,

    //     // ws: true,//websocket支持

    //     secure: false,

    //     pathRewrite: {

    //       '^/api': '/',

    //     },

    //   },

    //   '/api2': {

    //     target: 'http://172.12.12.12:2018',

    //     changeOrigin: true,

    //     //ws: true,//websocket支持

    //     secure: false,

    //     pathRewrite: {

    //       '^/api2': '/',

    //     },

    //   },

    // },
  },
};
